﻿
@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>
<script src="~/Scripts/Plupload-3.1.2/plupload.full.min.js"></script>
<button id="browse">选择文件</button>
<button id="start_upload">开始上传</button>

<script>
    //实例化一个plupload上传对象
    var uploader = new plupload.Uploader({
        browse_button: 'browse', //触发文件选择对话框的按钮，为那个元素id
        url: 'http://localhost:35330/image/upload2', //服务器端的上传页面地址
        flash_swf_url: '~/Scripts/Plupload-3.1.2/Moxie.swf', //swf文件，当需要使用swf方式进行上传时需要配置该参数
        silverlight_xap_url: '~/Scripts/Plupload-3.1.2/Moxie.xap' //silverlight文件，当需要使用silverlight方式进行上传时需要配置该参数
    });

    //在实例对象上调用init()方法进行初始化
    uploader.init();

    //绑定各种事件，并在事件监听函数中做你想做的事
    uploader.bind('FilesAdded', function (uploader, files) {
        //每个事件监听函数都会传入一些很有用的参数，
        //我们可以利用这些参数提供的信息来做比如更新UI，提示上传进度等操作
        console.log(111);
    });
    uploader.bind('UploadProgress', function (uploader, file) {
        //每个事件监听函数都会传入一些很有用的参数，
        //我们可以利用这些参数提供的信息来做比如更新UI，提示上传进度等操作
        console.log(111);
    });
    //......
    //......

    //最后给"开始上传"按钮注册事件
    document.getElementById('start_upload').onclick = function () {
        uploader.start(); //调用实例对象的start()方法开始上传文件，当然你也可以在其他地方调用该方法
    }

</script>